<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--    &lt;!&ndash;[if lt IE 9]>-->
    <!--      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>-->
    <!--      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>-->
    <!--    <![endif]&ndash;&gt;-->
    <link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>

<body>
<div class="container">
    <div class="row">
        <div class="col-xs-12 box row">
            <p class="visible-md visible-lg">欢迎来到后台操作系统，您现在处于的是主菜单</p>
            <p class="visible-xs visible-sm">后台系统</p>
        </div>
        <div class="col-xs-12">
            <div class="row">
                <header class="col-md-2 col-sm-2">
                    <div class="logo row">
                        <a href="index.jsp">
                            <img src="images/shop.jpg" alt="" class="hidden-xs ">
                        </a>
                    </div>
                    <div class="nav row">
                        <ul>
                            <li><a href="index.jsp" class="glyphicon glyphicon-star visible-xs">后台服务部</a></li>

                            <li><a href="SalesAnalysis.jsp" class="glyphicon glyphicon-th-list">商品销量分析</a></li>
                            <li><a href="CategoryAnalysis.jsp" class="glyphicon glyphicon-indent-left">商品类别分析</a></li>
                            <li><a href="AgeAnalysis.jsp" class="glyphicon glyphicon-align-left">各年龄段订单分析</a></li>
                            <li><a href="SalesMoneyAnalysis.jsp" class="glyphicon glyphicon-align-center">各商品销售额分析</a></li>
                            <li><a href="CustomerAnalysis.jsp" class="glyphicon glyphicon-ok-sign">优质客户分析</a></li>
                            <li><a href="CustomerDistributionAnalysis.jsp" class="glyphicon glyphicon-sort-by-alphabet">客户分布情况分析</a></li>
                        </ul>
                    </div>
                </header>
                <article class="col-md-7 col-sm-10">
                    <div class="row">
                        <div class="news clearfix">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="images/小米.jpg" alt="">
                                        <p>品牌入驻</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/牛肉.jpg" alt="">
                                        <p>各种高端食材</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/OIP-C (1).jpg" alt="">
                                        <p>最新电子产品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/旅行.jpg" alt="">
                                        <p>旅行必备</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/图书.jpg" alt="">
                                        <p>精美图书</p>
                                    </a>
                                </li>
                            </ul>

                        </div>
                    </div>
                    <div class="publish">
                        <div class="row">
                            <div class="col-sm-9">
                                <h3>我们立志为客户群体提供最优质的服务！</h3>
                                <p class="text-muted">221超市客服部 发布于 2023-6-1</p>
                                <p><b>我们致力于为客户提供最优质的服务，从细节入手从小事做起，竭尽全力服务每一位客户，客户的满意就是对我们最大的奖励！</b></p>
                                <p class="text-muted">阅读(2351)评论（2）赞（23）标签：购物/服务/趣味生活/超市宗旨</p>
                            </div>
                            <div class="col-sm-3 pic hidden-xs">
                                <img src="images/服务.jpg" alt="">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-9">
                                <h3>本人的购物换货体验</h3>
                                <p class="text-muted">匿名用户9527 发布于 2023-5-14</p>
                                <p><b>我很满意这家超市提供的服务，他们的服务态度非常好，及时回复我的问题和需求并给出恰当的解决方案，让我很放心。</b></p>
                                <p class="text-muted">阅读(1324)评论（21）赞（25）标签：购物/服务/趣味生活/满意度</p>
                            </div>
                            <div class="col-sm-3 pic hidden-xs">
                                <img src="images/nike.jpg" alt="">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-9">
                                <h3>我的购物感觉</h3>
                                <p class="text-muted">匿名用户007 发布于 2023-5-11</p>
                                <p><b>这家超市的服务是非常出色的！他们的响应速度非常快，任何问题和请求都得到及时的解决，整个流程都非常顺畅，我真的很感激他们。</b></p>
                                <p class="text-muted">阅读(4351)评论（2）赞（33）标签：购物/服务/趣味生活/超市宗旨</p>
                            </div>
                            <div class="col-sm-3 pic hidden-xs">
                                <img src="images/Sony.png" alt="">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-9">
                                <h3>关于购物后的感想</h3>
                                <p class="text-muted">匿名用户12138 发布于 2023-5-1</p>
                                <p><b>作为一个一直使用他们服务的客户，我可以说他们的服务质量很高，他们非常专业，始终用最好的方式为我们提供服务。</b></p>
                                <p class="text-muted">阅读(4251)评论（12）赞（22）标签：购物/服务/趣味生活/满意度调查</p>
                            </div>
                            <div class="col-sm-3 pic hidden-xs">
                                <img src="images/蒙牛.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </article>
                <aside class="col-md-3">
                    <a href="#" class="banner">
                        <img src="images/1k2wgwi1b2n.jpg" alt="" class="as">
                    </a>
                    <a href="#" class="hot ">
                        <span class="btn btn-info">加入</span>
                        <h4 class="text-danger">欢迎加入221网上超市客服部门</h4>
                        <p class="text-muted">我们的宗旨是以客户为中心，客户就是上帝，口号是：努力为客户解决后顾之忧，竭尽所能为客户提供优质服务......</p>
                    </a>
                </aside>
            </div>
        </div>
    </div>
</div>
</body>
</html>